*{
    padding: 0;
    margin: 0;
    font-family: '微软雅黑'
}


*{
	
}

img{border:0px; margin:0px; padding:0px;}
.container{
    width: 100%;
}
.content{
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.flex-control-nav{display:none;}

a {color:#4c4c4c; }


a:hover {color:#0c91de;}
a:visited {color:#f00;}

.header{

    height: 383px;
}
.header .content{
    height: 383px;
z-index : 1
}
.header .logo{
    margin-top: 55px;
}
form{
    position: absolute;
    top:50px;
    right: 8px;
    font-size: 0;
}

.index_seartxt{
    width: 170px;
    height: 32px;
    border: 2px solid #ff0103；
    outline: none;
    box-sizing: border-box;
    padding: 4px 8px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0);
    color: #ea0005;
}



.index_searsub{ background:url(../img/header_41.png) no-repeat;  width:39px; height:33px;}



.index_searsub1{ background:url(../img/header_41.png) no-repeat;  width:35px; height:33px;}




button{
    background: rgb(12, 145, 222);
    border: none;
    outline: none;
    width: 38px;
    height: 32px;
    box-sizing: border-box;
    padding: 4px 8px;
    vertical-align: top;
}
.header .date{
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 60px;
    right: 0;
}


.synav{
   
    bottom: 0;  position: absolute;
    width: 100%; background: rgb(12, 145, 222); z-index:99999999999999999;
}




.nav{
   
    bottom: 0;
    width: 1200px; margin:0px auto;
}
.nav>ul{
    font-size: 0px;
    height: 50px;
}
.nav>ul>li{
    list-style: none;
    width: 11.25%;
    display: inline-block;
    text-align: center;
    background: rgb(12, 145, 222);
    line-height: 50px;
    height: 50px;
    position: relative;
}
.nav .base_url{
    width: 10%;
}
.nav li a{
    color: #fff;
    display: block;
    text-decoration: none;  
    font-size: 18px;
    vertical-align: middle;
    line-height: 50px;
}
.twoMenu_ul{
    position: absolute;
    width: 100%;
    z-index: 4;
    /* background: rgb(12, 145, 222); */
    margin-top: -4px;
    height: 0;
    transition: all 300ms linear 0s;
    overflow: hidden;
}
.nav_select_box{
    height: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    transition: all 300ms linear 0s;
    left: 0;
    top: 40px;
}
.nav_select{
    position: absolute;
    width: 100%;
    height: 316px;
    font-size: 0;
    background: #fff;
    z-index: 1;
    border: 2px solid rgb(12, 145, 222);
    box-sizing: border-box;
    left: 0;
    transition: all 0.3ms linear 0;
}
.nav>ul>li>a:hover+.nav_select_box{
    height: 316px;
}
.nav>ul>li>a:hover+.twoMenu_ul{
    height: auto;
}
.twoMenu_ul:hover{
    height: auto;
}
.twoMenu_ul li{
    background: rgb(12, 145, 222);
}
.twoMenu_ul li:hover{
    background: rgba(12, 145, 222,0.4)
}
.nav_select_box:hover{
    height: 316px;
}
.nav_select.active{
    display: block;
}
.nav_select:hover{
    display: block;
}
.nav_select .option_title a{
    display: inline-block;
    line-height: 21px;
}


.option{
    width: 49%;
    display: inline-block;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 44px;
    box-sizing: border-box;
}
.option_title{
    text-align: left;
    width: 100%;
    border-bottom: 2px solid rgb(12, 145, 222);
    line-height: 22px;
}
.option_title div{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: rgb(12, 145, 222);
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
}
.option_list{
    margin-top: 32px;
}
.option_list ul{
    line-height: 35px;
    height: auto;
}
.nav_select li{
    list-style: none;
    width: auto;
    background:#fff;
    text-align:left;
    line-height: 35px;
    height: auto;
}
.nav_select li a{
    text-decoration: none;
    line-height: 35px;
}
.option_list .h{
    display: inline-block;
    width: 410px;
    line-height: 35px;
}
.nav_select li a::before{
    content: ' ';
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    background: #015bd3;
    margin-top: -10px;
    margin-right: 10px;
    border-radius: 50%;
}
.nav_select li a:hover span{
    text-decoration: underline;
}
.nav_select li a *{
    font-size: 15px;
    color: #333;    
}
.header .border{
    width: 2%;
    display: inline-block;
}
.header .border img{
    width: 1px;
    margin-bottom: 20px;
}



.body{
    background: url(../img/body_bg.png) no-repeat #cee4f4;
}
.body .content{
    background: #fff;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.xs_nav{
    display: none;
}
.xs_nav_list{
    display: none;
}


@media screen and (max-width: 765px){
.fdpc{
    display: none;
}

    .header{
        width: 100%;
        background:url(../img/header_bg.jpg) no-repeat;
        background-size: cover;
        height: 200px;
        position: relative;
    }


div.flexslider { position: absolute; height:  200px; width : 100%; background: url(images/loading.gif) 50% no-repeat;}
ul.slides { position: relative; z-index: 1;}
ul.slides li { height: 200px;}



    .header .content{
        height: 200px;
        width: auto;
    }
    .header .logo{
        width: 260px;
        height: 38px;
        margin-left: 8px;
        margin-top: 36px;
    }
    .header .date{
        bottom: 0;
        background: rgb(12, 145, 222);
        width: 100%;
        height: 34px;
        line-height: 34px;
        text-align: right;
        padding-right: 20px;
    }
    .nav {
        display: none;
    }
    form{
        display: none;
    }
    .xs_nav{
        display: block;
        position: fixed;
        top: 20px;
        right: 0;
        z-index: 30;
        background: rgba(0, 0, 0, 0.1);
        padding-left: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .xs_nav img{
        margin-right: 24px;
    }
    .xs_nav_list .top{
        box-sizing: border-box;
        height: 38px;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 30px 5px #333;
    }
    .xs_nav_list .top .close{
        float: right;
        margin-right: 4px;
    }
    .xs_nav_list{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 60;
        width: 100%;
        height: 100%;
        background: rgb(12, 145, 222);
        transform: translateX(-120%);
        transition: all 0.3s linear 0s;
    }
    .xs_nav_list>ul{
        margin-top: 20px;
        overflow: auto;
        max-height: 100vh;
    }
    .xs_nav_list>ul>li{
        line-height: 60px;
        padding-left: 20px;
    }
    .xs_nav_list>ul>li>a{
        color: #fff;
        text-decoration: none;
    }
    .xs_select_box{
        height: 0px;
        overflow: hidden;
        /* box-shadow: 0px 0px 100px 1px #333; */
        transition: all 0.3s linear 0s;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .xs_nav_list form{
        display: block;
    }
    .xs_select{
        box-sizing: border-box;
    }
    .xs_select li{
        padding-left: 20px;
        list-style: none;
    }
    .xs_select li a{
        color: #fff;
        text-decoration: none;
    }
    .form form{
        position: static;
        width: 208px;
        margin: 40px auto;
    }
    .form form input{
        color : #fff;
        border-color: #fff;
    }
    .form form input::placeholder{
        color: #fff;
    }
    .form form button{
       

    }
}
@media screen and (max-width: 321px){
    .header .logo{
        width: 216px;
    }
    .xs_nav img{
        margin-right: 10px;
    }
}



@media screen and (max-width:750px){
.slides{display:none;

    }
}